<template>
  <div class="grid-content bg-purple-dark kyewu">
    <el-tabs v-model="yewuleixing" @tab-click="handleClick">
      <el-tab-pane label="视频业务" name="shipin">
        <div class="pc hidden-xs-only">
          <div class="dianzan">
            <div class="dianzanbiaoti">
              <img src="../../../static/dianzan.png">点赞业务 : {{dianzan555}}元/个
            </div>
            <div class="dianzanwenzi">
              <p>1、输入您快手需要点赞的短视频作品链接。</p>
              <p>2、下单前请检查作品是否被审核。</p>
              <p>3、下单后，因删除或隐藏视频，导致的执行失败的订单，订单依旧收费。</p>
            </div>
            <div class="xiadan">
              <div class="shipinlianjie">
                <span class="video">视频链接</span>
                <el-input placeholder="请输入视频链接" v-model="dianzanlianjie" clearable id="url" maxlength="29"></el-input>
              </div>
              <div class="dianzanshuliang">
                <span class="video">点赞数量</span>
                <el-input placeholder="请输入点赞数量(最低下单数100)" v-model="dianzanshuliang" clearable></el-input>
              </div>
              <div class="xuanzeshijian">
                <!-- 请选择订单时间:
                <el-select v-model="value" placeholder="请选择订单时间" style="width: 50%;margin-left: 6px;">
                  <el-option v-for="item in options" :key="item.value" :label="item.label+'小时'" :value="item.value"></el-option>
                </el-select> -->
              </div>
              <div class="jine">
                <div class="audio">
                  订单总价:
                  <span class="zongjiayanse" id="dianzanqian">{{dianzanshuliang*dianzan555 | number}}</span>
                </div>
                <div class="audio">
                  我的余额:
                  <span class="zongjiayanse">{{yue | number}}</span>
                </div>
              </div>
              <div class="anniu">
                <el-button type="goon" round class="queding" @click='dianzan'>确定</el-button>
              </div>
              <div class="tixing">
                下单默认接受以上条款，如介意请勿下单！
              </div>
            </div>
          </div>
        </div>
        <div class="pc hidden-xs-only">
          <div class="dianzan">
            <div class="dianzanbiaoti">
              <img src="../../../static/guanzhu.png">关注业务 : {{guanzhu555}}元/个
            </div>
            <div class="dianzanwenzi">
              <p>1、输入您需要涨粉的快手账号作者主页链接。</p>
              <p>2、下单前请确认账号未开启私密状态。</p>
              <p>3，若有出现掉量情况，请在24小时内联系客服售后。</p>
            </div>
            <div class="xiadan">
              <div class="shipinlianjie">
                <span class="video">主页链接</span>
                <el-input placeholder="请输入个人主页链接" v-model="guanzhulianjie" clearable id="url" maxlength="29"></el-input>
              </div>
              <div class="dianzanshuliang">
                <span class="video">关注数量</span>
                <el-input placeholder="请输入关注数量(最低下单数100)" v-model="guanzhushuliang" clearable></el-input>
              </div>
              <div class="xuanzeshijian">
                <!-- 请选择订单时间:
                <el-select v-model="value" placeholder="请选择订单时间" style="width: 50%;margin-left: 6px;">
                  <el-option v-for="item in options" :key="item.value" :label="item.label+'小时'" :value="item.value"></el-option>
                </el-select> -->
              </div>
              <div class="jine">
                <div class="audio">
                  订单总价:
                  <span class="zongjiayanse" id="guanzhuqian">{{guanzhushuliang*guanzhu555 | number}}</span>
                </div>
                <div class="audio">
                  我的余额:
                  <span class="zongjiayanse">{{yue | number}}</span>
                </div>
              </div>
              <div class="anniu">
                <el-button type="goon" round class="queding" @click='guanzhu'>确定</el-button>
              </div>
              <div class="tixing">
                下单默认接受以上条款，如介意请勿下单！
              </div>
            </div>
          </div>
        </div>
        <div class="pc hidden-xs-only">
          <div class="dianzan">
            <div class="dianzanbiaoti">
              <img src="../../../static/bofang.png">播放业务 : {{bofang555}}元/1w
            </div>
            <div class="dianzanwenzi">
              <p>1、输入您快手需要点赞的短视频作品链接。</p>
              <p>2、下单前请检查作品是否被审核。</p>
              <p>3、下单后，因删除或隐藏视频，导致的执行失败的订单，订单依旧收费。</p>
            </div>
            <div class="xiadan">
              <div class="shipinlianjie">
                <span class="video">视频链接</span>
                <el-input placeholder="请输入视频链接" v-model="bofanglianjie" clearable id="url" maxlength="29"></el-input>
              </div>
              <div class="dianzanshuliang">
                <span class="video">播放数量</span>
                <el-input placeholder="请输入播放数量(输入1等于10000,最低1W)" v-model="bofangshuliang" clearable></el-input>
              </div>
              <div class="xuanzeshijian">
                <!-- 请选择订单时间:
                <el-select v-model="value" placeholder="请选择订单时间" style="width: 50%;margin-left: 6px;">
                  <el-option v-for="item in options" :key="item.value" :label="item.label+'小时'" :value="item.value"></el-option>
                </el-select> -->
              </div>
              <div class="jine">
                <div class="audio">
                  订单总价:
                  <!-- <span class="zongjiayanse" id="bofangqian">{{bofangshuliang*3/10000 | number}}</span> -->
                  <span class="zongjiayanse" id="bofangqian">{{bofangshuliang*bofang555 | number}}</span>
                </div>
                <div class="audio">
                  我的余额:
                  <span class="zongjiayanse">{{yue | number}}</span>
                </div>
              </div>
              <div class="anniu">
                <el-button type="goon" round class="queding" @click='bofang'>确定</el-button>
              </div>
              <div class="tixing">
                下单默认接受以上条款，如介意请勿下单！
              </div>
            </div>
          </div>
        </div>
        <!-- <div class="pc hidden-xs-only">
					<div class="dianzan">
						<div class="dianzanbiaoti">
							<img src="../../../static/zhuanfa.png">转发业务（单价:） {{zhuanfa555}}元/500条
						</div>
						<div class="dianzanwenzi">
							<p>1、输入您快手需要点赞的短视频作品链接。</p>
							<p>2、下单前请检查作品是否被审核。</p>
							<p>3、下单后，因删除或隐藏视频，导致的执行失败的订单，订单依旧收费。</p>
						</div>
						<div class="xiadan">
							<div class="shipinlianjie">
								视频链接
								<el-input placeholder="请输入视频链接" v-model="zhuanfalianjie" clearable id="url"></el-input>
							</div>
							<div class="dianzanshuliang">
								转发数量
								<el-input placeholder="请输入转发数量(最低下单数500)" v-model="zhuanfashuliang" clearable></el-input>
							</div>
							<div class="jine">
              <div class="audio">
                  订单总价:
                  <span class="zongjiayanse" id="zhuanfaqian">{{zhuanfashuliang*zhuanfa555 | number}}</span>
              </div>
              <div class="audio">
                  我的余额:
                  <span class="zongjiayanse">{{yue | number}}</span>
              </div>
							</div>
							<div class="anniu">
								<el-button type="goon" round class="queding" @click='zhuanfa'>确定</el-button>
							</div>
							<div class="tixing">
								下单默认接受以上条款，如介意请勿下单！
							</div>
						</div>
					</div>
				</div>
 -->






        <!-- 评论 -->
        <div class="pc hidden-xs-only">
          <div class="dianzan">
            <div class="dianzanbiaoti">
              <img src="../../../static/pinglun.png">评论业务 : {{pinglun555}}元/条
            </div>
            <div class="dianzanwenzi">
              <p>1、输入您快手需要评论的短视频作品链接。</p>
              <p>2、下单前请检查作品是否被审核。</p>
              <p>3、下单后，因删除或隐藏视频，导致的执行失败的订单，订单依旧收费。</p>
            </div>
            <div class="xiadan">
              <div class="shipinlianjie">
                <span class="video">视频链接</span>
                <el-input placeholder="请输入视频链接" v-model="pinglunlianjie" clearable id="url" maxlength="29"></el-input>
              </div>
              <div class="dianzanshuliang">
                <span class="video">评论内容</span><span class="video" style="margin-left: 50%;">已输入{{hangshu}}条</span>
                <el-input type="textarea" :autosize="{ minRows: 3, maxRows: 3}" placeholder="请输入评论内容，每条空一行" v-model="textarea"
                  @input="hangshuInput"></el-input>
              </div>
              <div class="xuanzeshijian">

              </div>
              <div class="jine">
                <div class="audio">
                  订单总价:
                  <span class="zongjiayanse" id="pinglunqian">{{hangshu*pinglun555 | number}}</span>
                </div>
                <div class="audio">
                  我的余额:
                  <span class="zongjiayanse">{{yue | number}}</span>
                </div>
              </div>
              <div class="anniu">
                <el-button type="goon" round class="queding" @click='pinglun'>确定</el-button>
              </div>
              <div class="tixing">
                下单默认接受以上条款，如介意请勿下单！
              </div>
            </div>
          </div>
        </div>







        <!-- 手机页面 -->
        <el-tabs v-model="shipinziyewu" @tab-click="handleClick" class="hidden-sm-and-up">
          <el-tab-pane label="点赞" name="dianzan">
            <div class="dianzan">
              <div class="dianzanbiaoti">
                <img src="../../../static/dianzan.png">点赞业务 : {{dianzan555}}元/个
              </div>
              <div class="dianzanwenzi">
                <p>1、输入您快手需要点赞的短视频作品链接。</p>
                <p>2、下单前请检查作品是否被审核。</p>
                <p>3、下单后，因删除或隐藏视频，导致的执行失败的订单，订单依旧收费。</p>
              </div>
              <div class="xiadan">
                <div class="shipinlianjie">
                  <span class="video">视频链接</span>
                  <el-input placeholder="请输入视频链接" v-model="dianzanlianjie" clearable id="url" maxlength="29"></el-input>
                </div>
                <div class="dianzanshuliang">
                  <span class="video">点赞数量</span>
                  <el-input placeholder="请输入点赞数量(最低下单数100)" v-model="dianzanshuliang" clearable></el-input>
                </div>
                <div class="xuanzeshijian">
                  <!-- 请选择订单时间:
                  <el-select v-model="value" placeholder="请选择订单时间" style="width: 50%;margin-left: 6px;">
                    <el-option v-for="item in options" :key="item.value" :label="item.label+'小时'" :value="item.value"></el-option>
                  </el-select> -->
                </div>
                <div class="jine">
                  <div class="audio">
                    订单总价:
                    <span class="zongjiayanse" id="dianzanqian">{{dianzanshuliang*dianzan555 | number}}</span>
                  </div>
                  <div class="audio">
                    我的余额:
                    <span class="zongjiayanse">{{yue | number}}</span>
                  </div>
                </div>
                <div class="anniu">
                  <el-button type="goon" round class="queding" @click='dianzan'>确定</el-button>
                </div>
                <div class="tixing">
                  下单默认接受以上条款，如介意请勿下单！
                </div>
              </div>
            </div>
          </el-tab-pane>
          <el-tab-pane label="关注" name="guanzhu">
            <div class="dianzan">
              <div class="dianzanbiaoti">
                <img src="../../../static/guanzhu.png">关注业务 : {{guanzhu555}}元/个
              </div>
              <div class="dianzanwenzi">
                <p>1、输入您需要涨粉的快手账号作者主页链接。</p>
                <p>2、下单前请确认账号未开启私密状态。</p>
                <p>3，若有出现掉量情况，请在24小时内联系客服售后。</p>
              </div>
              <div class="xiadan">
                <div class="shipinlianjie">
                  <span class="video">主页链接</span>
                  <el-input placeholder="请输入个人主页链接" v-model="guanzhulianjie" clearable id="url" maxlength="29"></el-input>
                </div>
                <div class="dianzanshuliang">
                  <span class="video">关注数量</span>
                  <el-input placeholder="请输入关注数量(最低下单数100)" v-model="guanzhushuliang" clearable></el-input>
                </div>
                <div class="xuanzeshijian">
                  <!-- 请选择订单时间:
                  <el-select v-model="value" placeholder="请选择订单时间" style="width: 50%;margin-left: 6px;">
                    <el-option v-for="item in options" :key="item.value" :label="item.label+'小时'" :value="item.value"></el-option>
                  </el-select> -->
                </div>
                <div class="jine">
                  <div class="audio">
                    订单总价:
                    <span class="zongjiayanse" id="guanzhuqian">{{guanzhushuliang*guanzhu555 | number}}</span>
                  </div>
                  <div class="audio">
                    我的余额:
                    <span class="zongjiayanse">{{yue | number}}</span>
                  </div>
                </div>
                <div class="anniu">
                  <el-button type="goon" round class="queding" @click='guanzhu'>确定</el-button>
                </div>
                <div class="tixing">
                  下单默认接受以上条款，如介意请勿下单！
                </div>
              </div>
            </div>
          </el-tab-pane>
          <el-tab-pane label="播放量" name="bofang">

            <div class="dianzan">
              <div class="dianzanbiaoti">
                <img src="../../../static/bofang.png">播放业务 : {{bofang555}}元/1w
              </div>
              <div class="dianzanwenzi">
                <p>1、输入您快手需要点赞的短视频作品链接。</p>
                <p>2、下单前请检查作品是否被审核。</p>
                <p>3、下单后，因删除或隐藏视频，导致的执行失败的订单，订单依旧收费。</p>
              </div>
              <div class="xiadan">
                <div class="shipinlianjie">
                  <span class="video">视频链接</span>
                  <el-input placeholder="请输入视频链接" v-model="bofanglianjie" clearable id="url" maxlength="29"></el-input>
                </div>
                <div class="dianzanshuliang">
                  <span class="video">播放数量</span>
                  <el-input placeholder="请输入播放数量(输入1等于10000,最低1W)" v-model="bofangshuliang" clearable></el-input>
                </div>
                <div class="xuanzeshijian">
                  <!-- 请选择订单时间:
                  <el-select v-model="value" placeholder="请选择订单时间" style="width: 50%;margin-left: 6px;">
                    <el-option v-for="item in options" :key="item.value" :label="item.label+'小时'" :value="item.value"></el-option>
                  </el-select> -->
                </div>
                <div class="jine">
                  <div class="audio">
                    订单总价:
                    <span class="zongjiayanse" id="bofangqian">{{bofangshuliang*bofang555 | number}}</span>
                  </div>
                  <div class="audio">
                    我的余额:
                    <span class="zongjiayanse">{{yue | number}}</span>
                  </div>
                </div>
                <div class="anniu">
                  <el-button type="goon" round class="queding" @click='bofang'>确定</el-button>
                </div>
                <div class="tixing">
                  下单默认接受以上条款，如介意请勿下单！
                </div>
              </div>
            </div>
          </el-tab-pane>
          <!-- <el-tab-pane label="转发" name="zhuanfa">

						<div class="dianzan">
							<div class="dianzanbiaoti">
								<img src="../../../static/zhuanfa.png">转发业务（单价:） {{zhuanfa555}}元/500条
							</div>
							<div class="dianzanwenzi">
								<p>1、输入您快手需要点赞的短视频作品链接。</p>
								<p>2、下单前请检查作品是否被审核。</p>
								<p>3、下单后，因删除或隐藏视频，导致的执行失败的订单，订单依旧收费。</p>
							</div>
							<div class="xiadan">
								<div class="shipinlianjie">
									视频链接
									<el-input placeholder="请输入视频链接" v-model="zhuanfalianjie" clearable id="url" maxlength="29"></el-input>
								</div>
								<div class="dianzanshuliang">
									转发数量
									<el-input placeholder="请输入转发数量(最低下单数500)" v-model="zhuanfashuliang" clearable></el-input>
								</div>
								<div class="jine">
									订单总价:
									<span class="zongjiayanse" id="zhuanfaqian">{{zhuanfashuliang*zhuanfa555 | number}}</span>
									<br />
									<br />
									我的余额:
									<span class="zongjiayanse">{{yue | number}}</span>
								</div>
								<div class="anniu">
									<el-button type="goon" round class="queding" @click='zhuanfa'>确定</el-button>
								</div>
								<div class="tixing">
									下单默认接受以上条款，如介意请勿下单！
								</div>
							</div>
						</div>
					</el-tab-pane> -->



          <!-- 手机评论 -->
          <el-tab-pane label="评论" name="pinglun">
						  <div class="dianzan">
						    <div class="dianzanbiaoti">
						      <img src="../../../static/pinglun.png">评论业务 : {{pinglun555}}元/条
						    </div>
						    <div class="dianzanwenzi">
						      <p>1、输入您快手需要评论的短视频作品链接。</p>
						      <p>2、下单前请检查作品是否被审核。</p>
						      <p>3、下单后，因删除或隐藏视频，导致的执行失败的订单，订单依旧收费。</p>
						    </div>
						    <div class="xiadan">
						      <div class="shipinlianjie">
						        <span class="video">视频链接</span>
						        <el-input placeholder="请输入视频链接" v-model="pinglunlianjie" clearable id="url" maxlength="29"></el-input>
						      </div>
						      <div class="dianzanshuliang">
						        <span class="video">评论内容</span><span class="video" style="margin-left: 50%;">已输入{{hangshu}}条</span>
						        <el-input type="textarea" :autosize="{ minRows: 3, maxRows: 3}" placeholder="请输入评论内容，每条空一行" v-model="textarea"
						          @input="hangshuInput"></el-input>
						      </div>
						      <div class="xuanzeshijian">

						      </div>
						      <div class="jine">
						        <div class="audio">
						          订单总价:
						          <span class="zongjiayanse" id="pinglunqian">{{hangshu*pinglun555 | number}}</span>
						        </div>
						        <div class="audio">
						          我的余额:
						          <span class="zongjiayanse">{{yue | number}}</span>
						        </div>
						      </div>
						      <div class="anniu">
						        <el-button type="goon" round class="queding" @click='pinglun'>确定</el-button>
						      </div>
						      <div class="tixing">
						        下单默认接受以上条款，如介意请勿下单！
						      </div>
						    </div>
						  </div>
					</el-tab-pane>
        </el-tabs>
      </el-tab-pane>























































      <el-tab-pane label="直播业务" name="zhibo">
        <!-- 不上榜人气 -->
        <!-- <div class="pc hidden-xs-only">
					<div class="dianzan">
						<div class="dianzanbiaoti">
							<img src="@/assets/xinzhibo.png">不上榜人气（单价:）{{bushangbang555}}元/1人/1小时
						</div>
						<div class="dianzanwenzi">
							<p>1、若存在限流情况，请等待限流情况解开再进行下单，如执意下单造成缺量，不予补单。</p>
							<p>2、输入您快手账号的作者主页链接。</p>
						</div>
						<div class="xiadan">
							<div class="shipinlianjie">
								作者主页链接
								<el-input placeholder="请输入作者主页链接" v-model="bushangbangrenqilianjie" clearable id="url" maxlength="29"></el-input>
							</div>
							<div class="dianzanshuliang">
								人气数量
								<el-input placeholder="请输入人气数量(最低下单数50)" v-model="bushangbangrenqishuliang" clearable></el-input>
							</div>
							<div class="jine">
								订单总价:
								<span class="zongjiayanse" id="bushangbangqian">{{bushangbangrenqishuliang*bushangbang555 | number}}</span>
								<br />
								<br />
								我的余额:
								<span class="zongjiayanse">{{yue | number}}</span>
							</div>
							<div class="anniu">
							<el-button type="goon" round class="queding" @click='bushangbangrenqi'>确定</el-button>
							</div>
							<div class="tixing">
								下单默认接受以上条款，如介意请勿下单！
							</div>
						</div>
					</div>
				</div>
 -->



        <!-- 直播点赞 -->
        <div class="pc hidden-xs-only">
          <div class="dianzan">
            <div class="dianzanbiaoti">
              <img src="@/assets/xinzhibo.png">直播点赞 : {{zhibodianzan555}}元/1w
            </div>
            <div class="dianzanwenzi">
              <p>1、直播间本场点赞，显示在直播间左上角主播头像旁或显示在下播数据统计中。</p>
              <p>2、直播点赞，最低1万赞起下单。</p>
            </div>
            <div class="xiadan">
              <div class="shipinlianjie">
                <span class="video">作者主页链接</span>
                <el-input placeholder="请输入作者主页链接" v-model="zhibodianzanlianjie" clearable id="url" maxlength="29"></el-input>
              </div>
              <div class="dianzanshuliang">
                <span class="video">人气数量</span>
                <el-input placeholder="请输入人气数量(输入1等于10000,最低1w)" v-model="zhibodianzanshuliang" clearable></el-input>
              </div>
              <div class="xuanzeshijian">
                <!-- 请选择订单时间:
                <el-select v-model="value" placeholder="请选择订单时间" style="width: 50%;margin-left: 6px;">
                  <el-option v-for="item in options" :key="item.value" :label="item.label+'小时'" :value="item.value"></el-option>
                </el-select> -->
              </div>
              <div class="jine">
                <div class="audio">
                  订单总价:
                  <span class="zongjiayanse" id="zhibodianzanqian">{{zhibodianzanshuliang*zhibodianzan555 | number}}</span>
                </div>
                <div class="audio">
                  我的余额:
                  <span class="zongjiayanse">{{yue | number}}</span>
                </div>
              </div>
              <div class="anniu">
                <el-button type="goon" round class="queding" @click='zhibodianzan'>确定</el-button>
              </div>
              <div class="tixing">
                下单默认接受以上条款，如介意请勿下单！
              </div>
            </div>
          </div>
        </div>





        <!-- 上榜人气 -->
        <div class="pc hidden-xs-only">
          <div class="dianzan">
            <div class="dianzanbiaoti">
              <img src="@/assets/xinzhibo.png">上榜人气 : {{shangbang555}}元/1人/1小时
            </div>
            <div class="dianzanwenzi">
              <p>1、均为在线真实人气，显示在直播在线用户中正常断播后复播，会逐步补量。</p>
              <p>2、人气因官方风控会有波动，介意勿下，感谢理解与支持。</p>
              <p>3、跨平台下单导致的问题，不售后介意勿下。</p>
            </div>
            <div class="xiadan">
              <div class="shipinlianjie">
                <span class="video">作者主页链接</span>
                <el-input placeholder="请输入作者主页链接" v-model="shangbangrenqilianjie" clearable id="url" maxlength="29"></el-input>
              </div>
              <div class="dianzanshuliang">
                <span class="video">人气数量</span>
                <el-input placeholder="请输入人气数量(最低下单数50-1000)" v-model="shangbangrenqishuliang" clearable></el-input>
              </div>
              <div class="xuanzeshijian">
                请选择订单时间:
                <el-select v-model="value" placeholder="请选择订单时间" style="width: 50%;margin-left: 6px;">
                  <el-option v-for="item in options" :key="item.value" :label="item.label+'小时'" :value="item.value"></el-option>
                </el-select>
              </div>
              <div class="jine">
                <div class="audio">
                  订单总价:
                  <span class="zongjiayanse" id="shangbangqian">{{shangbangrenqishuliang*shangbang555*value | number}}</span>
                </div>
                <div class="audio">
                  我的余额:
                  <span class="zongjiayanse">{{yue | number}}</span>
                </div>
              </div>
              <div class="anniu">
                <el-button type="goon" round class="queding" @click='shangbangrenqi'>确定</el-button>
              </div>
              <div class="tixing">
                下单默认接受以上条款，如介意请勿下单！
              </div>
            </div>
          </div>
        </div>



        <!-- <div class="pc hidden-xs-only">
          <div class="dianzan">
            <div class="dianzanbiaoti">
              <img src="@/assets/xinzhibo.png">真机人气 : {{zhenji555}}元/1人/1小时
            </div>
            <div class="dianzanwenzi">
              <p>1、围绕直播主题，主播节奏发言互动，随机赠送灯牌，点赞，小黄车。</p>
              <p>2、全程真实实时互动，帮你达到直播间提热效果。</p>
              <p>3、跨平台下单导致的问题，不售后介意勿下。</p>
            </div>
            <div class="xiadan">
              <div class="shipinlianjie">
                <span class="video">作者主页链接</span>
                <el-input placeholder="请输入作者主页链接" v-model="zhenjirenqilianjie" clearable id="url" maxlength="29"></el-input>
              </div>
              <div class="dianzanshuliang">
                <span class="video">人气数量</span>
                <el-input placeholder="请输入人气数量(最低下单数50)" v-model="zhenjirenqishuliang" clearable></el-input>
              </div>
              <div class="jine">
                <div class="audio">
                    订单总价:
                    <span class="zongjiayanse" id="zhenjiqian">{{zhenjirenqishuliang*zhenji555 | number}}</span>
                </div>
                <div class="audio">
                    我的余额:
                    <span class="zongjiayanse">{{yue | number}}</span>
                </div>
              </div>
              <div class="anniu">
                <el-button type="goon" round class="queding" @click='zhenji'>确定</el-button>
              </div>
              <div class="tixing">
                下单默认接受以上条款，如介意请勿下单！
              </div>
            </div>
          </div>
        </div> -->

        <!-- 直播间包时发言 -->
        <!-- <div class="pc hidden-xs-only">
          <div class="dianzan">
            <div class="dianzanbiaoti">
              <img src="../../../static/pinglun.png">直播包时发言 : {{zhibojianbaoshifayan555}}元/小时
            </div>
            <div class="dianzanwenzi">
              <p>1、请尽量填写更多的发言内容，防止重复发言而导致的账号无法发言。
                (内容严禁包含骂人，侮辱主播，敏感政治言语，如发现将停止订单不售后)</p>
              <p>2、单个订单可能会出现重复发言，每条发言间隔5-10秒。(风控时间除外)</p>
              <p>3、发言速度较之前变慢，介意勿下单，感谢理解</p>
            </div>
            <div class="xiadan">
              <div class="shipinlianjie">
                <span class="video">作者主页链接</span>
                <el-input placeholder="请输入视频链接" v-model="zhibojianbaoshifayanshipinlianjie" clearable id="url"
                  maxlength="29"></el-input>
              </div>
              <div class="dianzanshuliang">
                <span class="video">评论内容</span><span class="video" style="margin-left: 50%;">已输入{{zhibojianbaoshifayanhangshu}}条</span>
                <el-input type="textarea" :autosize="{ minRows: 3, maxRows: 3}" placeholder="请输入评论内容，每条空一行" v-model="zhibojianbaoshifayanpinglun"
                  @input="zhibojianbaoshifayanshijian"></el-input>
              </div>
              <div class="xuanzeshijian">
                请选择订单时间:
                <el-select v-model="value" placeholder="请选择订单时间" style="width: 50%;margin-left: 6px;">
                  <el-option v-for="item in options" :key="item.value" :label="item.label+'小时'" :value="item.value"></el-option>
                </el-select>
              </div>
              <div class="jine">
                <div class="audio">
                  订单总价:
                  <span class="zongjiayanse" id="zhibojianbaoshifayanqian">{{zhibojianbaoshifayan555*value | number}}</span>
                </div>
                <div class="audio">
                  我的余额:
                  <span class="zongjiayanse">{{yue | number}}</span>
                </div>
              </div>
              <div class="anniu">
                <el-button type="goon" round class="queding" @click='zhibojianbaoshifayan'>确定</el-button>
              </div>
              <div class="tixing">
                下单默认接受以上条款，如介意请勿下单！
              </div>
            </div>
          </div>
        </div> -->



        <!-- 直播间单次发言 -->
        <div class="pc hidden-xs-only">
          <div class="dianzan">
            <div class="dianzanbiaoti">
              <img src="../../../static/pinglun.png">直播间单次发言 : {{zhibojiandancifayan555}}元/条
            </div>
            <div class="dianzanwenzi">
              <p>1、请尽量填写更多的发言内容，防止重复发言而导致的账号无法发言。
                (内容严禁包含骂人，侮辱主播，敏感政治言语，如发现将停止订单不售后)</p>
              <p>2、此业务为实时发言，下单之后会立即执行。(风控时间除外)</p>
              <p>3、发言速度较之前变慢，介意勿下单，感谢理解</p>
            </div>
            <div class="xiadan">
              <div class="shipinlianjie">
                <span class="video">作者主页链接</span>
                <el-input placeholder="请输入作者主页链接" v-model="zhibojiandancifayanlianjie" clearable id="url" maxlength="29"></el-input>
              </div>
              <div class="dianzanshuliang">
                <span class="video">评论内容</span><span class="video" style="margin-left: 50%;">已输入{{zhibojiandancifayanhangshu}}条</span>
                <el-input type="textarea" :autosize="{ minRows: 3, maxRows: 3}" placeholder="请输入评论内容，每条空一行" v-model="zhibojiandancifayanpinglun"
                  @input="zhibojiandancifayanshijian"></el-input>
              </div>
              <div class="xuanzeshijian">

              </div>
              <div class="jine">
                <div class="audio">
                  订单总价:
                  <span class="zongjiayanse" id="zhibojiandancifayanqian">{{zhibojiandancifayanhangshu*zhibojiandancifayan555 | number}}</span>
                </div>
                <div class="audio">
                  我的余额:
                  <span class="zongjiayanse">{{yue | number}}</span>
                </div>
              </div>
              <div class="anniu">
                <el-button type="goon" round class="queding" @click='zhibojiandancifayan'>确定</el-button>
              </div>
              <div class="tixing">
                下单默认接受以上条款，如介意请勿下单！
              </div>
            </div>
          </div>
        </div>











        <el-tabs v-model="zhibo" @tab-click="handleClick" class="hidden-sm-and-up">


          <!-- <el-tab-pane label="不上榜人气" name="bushangbangrenqi">
						<div class="dianzan">
							<div class="dianzanbiaoti">
								<img src="@/assets/xinzhibo.png">不上榜人气（单价:） {{bushangbang555}}元/1人/1小时
							</div>
							<div class="dianzanwenzi">
								<p>1、若存在限流情况，请等待限流情况解开再进行下单，如执意下单造成缺量，不予补单。</p>
								<p>2、输入您快手账号的作者主页链接。</p>
							</div>
							<div class="xiadan">
								<div class="shipinlianjie">
									个人主页链接
									<el-input placeholder="请输入个人主页地址" v-model="bushangbangrenqilianjie" clearable id="url" maxlength="29"></el-input>
								</div>
								<div class="dianzanshuliang">
									不上榜人气数量
									<el-input placeholder="请输入不上榜人气数量(最低下单数50)" v-model="bushangbangrenqishuliang" clearable></el-input>
								</div>
								<div class="jine">
									订单总价:
									<span class="zongjiayanse" id="bushangbangqian">{{bushangbangrenqishuliang*bushangbang555 | number}}</span>
									<br />
									<br />
									我的余额:
									<span class="zongjiayanse">{{yue | number}}</span>
								</div>
								<div class="anniu">
									<el-button type="goon" round class="queding" @click='bushangbangrenqi'>确定</el-button>
								</div>
								<div class="tixing">
									下单默认接受以上条款，如介意请勿下单！
								</div>
							</div>
						</div>
					</el-tab-pane> -->
          <el-tab-pane label="直播点赞" name="zhibodianzan">
            <div class="dianzan">
              <div class="dianzanbiaoti">
                <img src="@/assets/xinzhibo.png">直播点赞 : {{zhibodianzan555}}元/1w
              </div>
              <div class="dianzanwenzi">
                <p>1、直播间本场点赞，显示在直播间左上角主播头像旁或显示在下播数据统计中。</p>
                <p>2、直播点赞，最低1万赞起下单。</p>
              </div>
              <div class="xiadan">
                <div class="shipinlianjie">
                  <span class="video">作者主页链接</span>
                  <el-input placeholder="请输入作者主页链接" v-model="zhibodianzanlianjie" clearable id="url" maxlength="29"></el-input>
                </div>
                <div class="dianzanshuliang">
                  <span class="video">人气数量</span>
                  <el-input placeholder="请输入人气数量(输入1等于10000,最低1w)" v-model="zhibodianzanshuliang" clearable></el-input>
                </div>
                <div class="xuanzeshijian">
                  请选择订单时间:
                  <el-select v-model="value" placeholder="请选择订单时间" style="width: 50%;margin-left: 6px;">
                    <el-option v-for="item in options" :key="item.value" :label="item.label+'小时'" :value="item.value"></el-option>
                  </el-select>
                </div>
                <div class="jine">
                  <div class="audio">
                    订单总价:
                    <span class="zongjiayanse" id="zhibodianzanqian">{{zhibodianzanshuliang*zhibodianzan555 | number}}</span>
                  </div>
                  <div class="audio">
                    我的余额:
                    <span class="zongjiayanse">{{yue | number}}</span>
                  </div>
                </div>
                <div class="anniu">
                  <el-button type="goon" round class="queding" @click='zhibodianzan'>确定</el-button>
                </div>
                <div class="tixing">
                  下单默认接受以上条款，如介意请勿下单！
                </div>
              </div>
            </div>
          </el-tab-pane>



          <el-tab-pane label="上榜人气" name="shangbangrenqi">
            <div class="dianzan">
              <div class="dianzanbiaoti">
                <img src="@/assets/xinzhibo.png">上榜人气 : {{shangbang555}}元/1小时
              </div>
              <div class="dianzanwenzi">
                <p>1、均为在线真实人气，显示在直播在线用户中正常断播后复播，会逐步补量。</p>
                <p>2、人气因官方风控会有波动，介意勿下，感谢理解与支持。</p>
                <p>3、跨平台下单导致的问题，不售后介意勿下。</p>
              </div>
              <div class="xiadan">
                <div class="shipinlianjie">
                  <span class="video">个人主页链接</span>
                  <el-input placeholder="请输入个人主页地址" v-model="shangbangrenqilianjie" clearable id="url" maxlength="29"></el-input>
                </div>
                <div class="dianzanshuliang">
                  <span class="video">上榜人气数量</span>
                  <el-input placeholder="请输入上榜人气数量(最低下单数50-1000)" v-model="shangbangrenqishuliang" clearable></el-input>
                </div>
                <div class="xuanzeshijian">
                  请选择订单时间:
                  <el-select v-model="value" placeholder="请选择订单时间" style="width: 50%;margin-left: 6px;">
                    <el-option v-for="item in options" :key="item.value" :label="item.label+'小时'" :value="item.value"></el-option>
                  </el-select>
                </div>
                <div class="jine">
                  <div class="audio">
                    订单总价:
                    <span class="zongjiayanse" id="shangbangqian">{{shangbangrenqishuliang*shangbang555*value | number}}</span>
                  </div>
                  <div class="audio">
                    我的余额:
                    <span class="zongjiayanse">{{yue | number}}</span>
                  </div>
                </div>
                <div class="anniu">
                  <el-button type="goon" round class="queding" @click='shangbangrenqi'>确定</el-button>
                </div>
                <div class="tixing">
                  下单默认接受以上条款，如介意请勿下单！
                </div>
              </div>
            </div>
          </el-tab-pane>


          <!-- <el-tab-pane label="真机人气" name="zhenjirenqi">
            <div class="dianzan">
              <div class="dianzanbiaoti">
                <img src="@/assets/xinzhibo.png">真机人气 : {{zhenji555}}元/1人/1小时
              </div>
              <div class="dianzanwenzi">
                <p>1、围绕直播主题，主播节奏发言互动，随机赠送灯牌，点赞，小黄车。</p>
                <p>2、全程真实实时互动，帮你达到直播间提热效果。</p>
                <p>3、跨平台下单导致的问题，不售后介意勿下。</p>
              </div>
              <div class="xiadan">
                <div class="shipinlianjie">
                  <span class="video">个人主页链接</span>
                  <el-input placeholder="请输入个人主页地址" v-model="zhenjirenqilianjie" clearable id="url" maxlength="29"></el-input>
                </div>
                <div class="dianzanshuliang">
                  <span class="video">人气数量</span>
                  <el-input placeholder="请输入人气数量(最低下单数50)" v-model="zhenjirenqishuliang" clearable></el-input>
                </div>
                <div class="jine">
                  <div class="audio">
                      订单总价:
                      <span class="zongjiayanse" id="zhenjiqian">{{zhenjirenqishuliang*zhenji555 | number}}</span>
                  </div>
                  <div class="audio">
                      我的余额:
                      <span class="zongjiayanse">{{yue | number}}</span>
                  </div>
                </div>
                <div class="anniu">
                  <el-button type="goon" round class="queding" @click='zhenji'>确定</el-button>
                </div>
                <div class="tixing">
                  下单默认接受以上条款，如介意请勿下单！
                </div>
              </div>
            </div>
          </el-tab-pane> -->
<!-- <el-tab-pane label="直播间包时发言" name="zhibnojianbaoshifayan">
          <div class="dianzan">
            <div class="dianzanbiaoti">
              <img src="../../../static/pinglun.png">直播间包时发言 : {{zhibojianbaoshifayan555}}元/小时
            </div>
            <div class="dianzanwenzi">
              <p>1、请尽量填写更多的发言内容，防止重复发言而导致的账号无法发言。
                (内容严禁包含骂人，侮辱主播，敏感政治言语，如发现将停止订单不售后)</p>
              <p>2、单个订单可能会出现重复发言，每条发言间隔5-10秒。(风控时间除外)</p>
              <p>3、发言速度较之前变慢，介意勿下单，感谢理解</p>
            </div>
            <div class="xiadan">
              <div class="shipinlianjie">
                <span class="video">作者主页链接</span>
                <el-input placeholder="请输入视频链接" v-model="zhibojianbaoshifayanshipinlianjie" clearable id="url"
                  maxlength="29"></el-input>
              </div>
              <div class="dianzanshuliang">
                <span class="video">评论内容</span><span class="video" style="margin-left: 50%;">已输入{{zhibojianbaoshifayanhangshu}}条</span>
                <el-input type="textarea" :autosize="{ minRows: 3, maxRows: 3}" placeholder="请输入评论内容，每条空一行" v-model="zhibojianbaoshifayanpinglun"
                  @input="zhibojianbaoshifayanshijian"></el-input>
              </div>
              <div class="xuanzeshijian">
                请选择订单时间:
                <el-select v-model="value" placeholder="请选择订单时间" style="width: 50%;margin-left: 6px;">
                  <el-option v-for="item in options" :key="item.value" :label="item.label+'小时'" :value="item.value"></el-option>
                </el-select>
              </div>
              <div class="jine">
                <div class="audio">
                  订单总价:
                  <span class="zongjiayanse" id="zhibojianbaoshifayanqian">{{zhibojianbaoshifayan555*value | number}}</span>
                </div>
                <div class="audio">
                  我的余额:
                  <span class="zongjiayanse">{{yue | number}}</span>
                </div>
              </div>
              <div class="anniu">
                <el-button type="goon" round class="queding" @click='zhibojianbaoshifayan'>确定</el-button>
              </div>
              <div class="tixing">
                下单默认接受以上条款，如介意请勿下单！
              </div>
            </div>
          </div>
</el-tab-pane> -->
<el-tab-pane label="直播间单次发言" name="zhibojiandancifayan">
           <div class="dianzan">
             <div class="dianzanbiaoti">
               <img src="../../../static/pinglun.png">直播间单次发言 : {{zhibojiandancifayan555}}元/条
             </div>
             <div class="dianzanwenzi">
               <p>1、请尽量填写更多的发言内容，防止重复发言而导致的账号无法发言。
                 (内容严禁包含骂人，侮辱主播，敏感政治言语，如发现将停止订单不售后)</p>
               <p>2、此业务为实时发言，下单之后会立即执行。(风控时间除外)</p>
               <p>3、发言速度较之前变慢，介意勿下单，感谢理解</p>
             </div>
             <div class="xiadan">
               <div class="shipinlianjie">
                 <span class="video">作者主页链接</span>
                 <el-input placeholder="请输入作者主页链接" v-model="zhibojiandancifayanlianjie" clearable id="url" maxlength="29"></el-input>
               </div>
               <div class="dianzanshuliang">
                 <span class="video">评论内容</span><span class="video" style="margin-left: 50%;">已输入{{zhibojiandancifayanhangshu}}条</span>
                 <el-input type="textarea" :autosize="{ minRows: 3, maxRows: 3}" placeholder="请输入评论内容，每条空一行" v-model="zhibojiandancifayanpinglun"
                   @input="zhibojiandancifayanshijian"></el-input>
               </div>
               <div class="xuanzeshijian">

               </div>
               <div class="jine">
                 <div class="audio">
                   订单总价:
                   <span class="zongjiayanse" id="zhibojiandancifayanqian">{{zhibojiandancifayanhangshu*zhibojiandancifayan555 | number}}</span>
                 </div>
                 <div class="audio">
                   我的余额:
                   <span class="zongjiayanse">{{yue | number}}</span>
                 </div>
               </div>
               <div class="anniu">
                 <el-button type="goon" round class="queding" @click='zhibojiandancifayan'>确定</el-button>
               </div>
               <div class="tixing">
                 下单默认接受以上条款，如介意请勿下单！
               </div>
             </div>
           </div>
</el-tab-pane>





        </el-tabs>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import axios from 'axios';
  import qs from 'qs' // axios自带的工具不需要安装npm依赖
  export default {
    props: {

    },
    data() {
      return {
        dianzan555: 0,
        guanzhu555: 0,
        bofang555: 0,
        zhuanfa555: 0,
        pinglun555: 0,
        bushangbang555: 0,
        shangbang555: 0,
        zhenji555: 0,
        yewuleixing: 'shipin',
        shipinziyewu: 'dianzan',
        dianzanlianjie: '',
        dianzanshuliang: '',
        guanzhulianjie: '',
        guanzhushuliang: '',
        bofanglianjie: '',
        bofangshuliang: '',
        zhuanfalianjie: '',
        zhuanfashuliang: '',
        pinglunlianjie: '',
        pinglunshuliang: '',
        tableData: [{
          wendingrenqi: '单价: 0.160 /个每小时',
          zhibodianzan: '单价: 2.00 /万',
          zhibobaoshifayan: '单价: 21.00 /小时',
          zhibobaoshixiaohuangche: '单价: 4.00 /小时',
          liwu: '单价: 0.40 /个',
          zhibodancifayan: '单价: 0.40 /个',
          fensituan: '单价: 0.70 /个',
          qidai: '敬请期待后续业务',
        }],
        zhibolianjie: '',
        bushangbangrenqilianjie: '',
        bushangbangrenqishuliang: '',
        shangbangrenqilianjie: "",
        shangbangrenqishuliang: '',
        zhenjirenqilianjie: '',
        zhenjirenqishuliang: '',
        zhibo: 'zhibodianzan',
        dianzanid: 0,
        dianzanzhuangtai: '',
        guanzhuid: 0,
        guanzhuzhuangtai: '',
        bofangid: 0,
        bofangzhuangtai: '',
        zhuanfaid: 0,
        zhuanfazhuangtai: '',
        pinglunid: 0,
        pinglunzhuangtai: '',
        bushangbangid: 0,
        bushangbangzhuangtai: '',
        shangbnagid: 0,
        shangbangzhuangtai: '',
        zhenjiid: 0,
        zhenjizhuangtai: '',
        yue: '',




        zhibodianzan555: 0,
        zhibodianzanlianjie: '',
        zhibodianzanshuliang: "",
        zhibodianzanid: 0,





        options: [{
          value: '2',
          label: '2'
        }, {
          value: '3',
          label: '3'
        }, {
          value: '4',
          label: '4'
        }, {
          value: '5',
          label: '5'
        }, {
          value: '6',
          label: '6'
        }],
        value: '2',
        // 直播间包时发言
        zhibojianbaoshifayan555: 0,
        zhibojianbaoshifayanshipinlianjie: '',
        zhibojianbaoshifayanhangshu: 0,
        zhibojianbaoshifayanpinglun: '',

        // 直播间单词发言
        zhibojiandancifayanid: 0,
        zhibojiandancifayan555: 0,
        zhibojiandancifayanlianjie: '',
        zhibojiandancifayanhangshu: 0,
        zhibojiandancifayanpinglun: '',


        // 评论
        pinglun555: 0,
        pinglunlianjie: '',
        hangshu: 0,
        textarea: '',
        pinglunid: 9,
      };
    },
    computed: {

    },
    created() {
      this.yue = this.$store.state.user.yue;
      this.zhanshi();
    },
    mounted() {

    },
    watch: {
      yue(newVal, oldVal) {
        this.yue = newVal;
      }
    },
    methods: {
      hangshuInput(e) {
        let textarea = [];
        textarea = e.split('\n').filter(item => {
          return item != ''
        })
        this.hangshu = textarea.length;
      },

      async pinglun() {
        var url = document.getElementById("url").value;
        if (url != "") {
          var reg = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+).)+([A-Za-z0-9-~\/])+$/;
          if (!reg.test(url)) {
            this.$message({
              showClose: true,
              message: "链接格式错误！请复制正确都链接！",
              type: 'error',
              duration: 1800,
            });
            return false;
          }
        } else if (this.pinglunlianjie == '') {
          this.$message({
            showClose: true,
            message: "输入需要评论的链接!",
            type: 'error',
            duration: 1800,
          });
          return false;
        } else if (this.hangshu == 0) {
          this.$message({
            showClose: true,
            message: "请输入直播发言的内容!",
            type: 'error',
            duration: 1800,
          });
          return false;
        }
        this.pinglunid = Math.round(Math.random() * 100000000000);
        let pinglunqian = document.getElementById("pinglunqian").innerHTML;
        this.$confirm('该订单需要支付:  ' + pinglunqian + '元 , 确定提交订单?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
          customClass: 'myClass'
        }).then(async () => {
          const [err, res] = await this.$http.request({
            url: 'chuangjiandindan/',
            method: "POST",
            data: {
              dingdanbianhao: this.pinglunid,
              lianjie: this.pinglunlianjie,
              leixing: 27,
              shuliang: this.hangshu,
              zhuangtai: 1,
              pinglun: this.textarea,
            },
          });
          console.log(res, err)
          if (res.data.code == 200) {
            this.$message({
              showClose: true,
              message: "该订单已下单成功!请勿重复下单!",
              type: 'success',
              duration: 1800,

            });
          }
        }).catch(() => {
          this.$message({
            showClose: true,
            duration: 1800,
            type: 'info',
            message: '已取消下单!'
          });
        });
      },






      zhibojiandancifayanshijian(e) {
        let textarea = [];
        textarea = e.split('\n').filter(item => {
          return item != ''
        })
        this.zhibojiandancifayanhangshu = textarea.length;
      },


      async zhibojiandancifayan() {
        var url = document.getElementById("url").value;
        if (url != "") {
          var reg = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+).)+([A-Za-z0-9-~\/])+$/;
          if (!reg.test(url)) {
            this.$message({
              showClose: true,
              message: "链接格式错误！请复制正确都链接！",
              type: 'error',
              duration: 1800,
            });
            return false;
          }
        } else if (this.zhibojiandancifayanlianjie == '') {
          this.$message({
            showClose: true,
            message: "输入需要评论的链接!",
            type: 'error',
            duration: 1800,
          });
          return false;
        } else if (this.zhibojiandancifayanhangshu == '') {
          this.$message({
            showClose: true,
            message: "请输入直播发言的内容!",
            type: 'error',
            duration: 1800,
          });
          return false;
        }
        this.zhibojiandancifayanid = Math.round(Math.random() * 100000000000);
        let zhibojiandancifayanqian = document.getElementById("zhibojiandancifayanqian").innerHTML;
        this.$confirm('该订单需要支付:  ' + zhibojiandancifayanqian + '元 , 确定提交订单?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
          customClass: 'myClass'
        }).then(async () => {
          const [err, res] = await this.$http.request({
            url: 'chuangjiandindan/',
            method: "POST",
            data: {
              dingdanbianhao: this.zhibojiandancifayanid,
              lianjie: this.zhibojiandancifayanlianjie,
              leixing: 31,
              shuliang: this.zhibojiandancifayanhangshu,
              zhuangtai: 1,
              pinglun: this.zhibojiandancifayanpinglun,
            },
          });
          console.log(res, err)
          if (res.data.code == 200) {
            this.$message({
              showClose: true,
              message: "该订单已下单成功!请勿重复下单!",
              type: 'success',
              duration: 1800,

            });
          }
        }).catch(() => {
          this.$message({
            showClose: true,
            duration: 1800,
            type: 'info',
            message: '已取消下单!'
          });
        });
      },





      zhibojianbaoshifayanshijian(e) {
        let textarea = [];
        textarea = e.split('\n').filter(item => {
          return item != ''
        })
        this.zhibojianbaoshifayanhangshu = textarea.length;
      },

      async zhibojianbaoshifayan() {
        var url = document.getElementById("url").value;
        if (url != "") {
          var reg = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+).)+([A-Za-z0-9-~\/])+$/;
          if (!reg.test(url)) {
            this.$message({
              showClose: true,
              message: "链接格式错误！请复制正确都链接！",
              type: 'error',
              duration: 1800,
            });
            return false;
          }
        } else if (this.zhibojianbaoshifayanshipinlianjie == '') {
          this.$message({
            showClose: true,
            message: "输入需要评论的链接!",
            type: 'error',
            duration: 1800,
          });
          return false;
        } else if (this.zhibojianbaoshifayanpinglun == '') {
          this.$message({
            showClose: true,
            message: "请输入直播发言的内容!",
            type: 'error',
            duration: 1800,
          });
          return false;
        }
        this.zhibojianbaoshifayanid = Math.round(Math.random() * 100000000000);
        let zhibojianbaoshifayanqian = document.getElementById("zhibojianbaoshifayanqian").innerHTML;
        this.$confirm('该订单需要支付:  ' + zhibojianbaoshifayanqian + '元 , 确定提交订单?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
          customClass: 'myClass'
        }).then(async () => {
          const [err, res] = await this.$http.request({
            url: 'chuangjiandindan/',
            method: "POST",
            data: {
              dingdanbianhao: this.zhibojianbaoshifayanid,
              lianjie: this.zhibojianbaoshifayanshipinlianjie,
              leixing: 29,
              shuliang: this.zhibojianbaoshifayanhangshu,
              zhuangtai: 1,
              pinglun: this.zhibojianbaoshifayanpinglun,
              shijian: parseInt(this.value),
            },
          });
          console.log(res, err)
          if (res.data.code == 200) {
            this.$message({
              showClose: true,
              message: "该订单已下单成功!请勿重复下单!",
              type: 'success',
              duration: 1800,

            });
          }
        }).catch(() => {
          this.$message({
            showClose: true,
            duration: 1800,
            type: 'info',
            message: '已取消下单!'
          });
        });
      },






















      async zhanshi() {
        const [err, res] = await this.$http.request({
          url: 'yewujiage/',
          method: "POST",
          data: {

          },
        });
        if (err) return;
        console.log(res);
        if (res.data.jiage.length === 0) return;
        this.zhibojiandancifayan555 = res.data.jiage[0].akzhibojiangunping;
        this.zhibojianbaoshifayan555 = res.data.jiage[0].azhibojianfayan;
        this.dianzan555 = res.data.jiage[0].zhibojiangunping;
        this.guanzhu555 = res.data.jiage[0].kzhibojianfayan;
        this.bofang555 = res.data.jiage[0].zhibojianfayan;
        this.zhuanfa555 = res.data.jiage[0].kfenxiang;
        this.pinglun555 = res.data.jiage[0].kzhibojiandianzan;
        this.bushangbang555 = res.data.jiage[0].kputongzhibo;
        this.shangbang555 = res.data.jiage[0].kzhibojiangunping;
        this.zhenji555 = res.data.jiage[0].kzhengjirenqi;
        this.zhibodianzan555 = res.data.jiage[0].zhibojiandianzan;
      },
      handleClick(tab, event) {
        console.log(tab, event);
      },
      async dianzan() {
        var url = document.getElementById("url").value;
        if (url != "") {
          var reg = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+).)+([A-Za-z0-9-~\/])+$/;
          if (!reg.test(url)) {
            this.$message({
              showClose: true,
              message: "链接格式错误！请复制正确都链接！",
              type: 'error',
              duration: 1800,
            });
            return false;
          }
        } else if (this.dianzanlianjie == '') {
          this.$message({
            showClose: true,
            message: "输入需要点赞的链接!",
            type: 'error',
            duration: 1800,
          });
          return false;
        } else if (this.dianzanshuliang == '') {
          this.$message({
            showClose: true,
            message: "输入需要点赞的数量!",
            type: 'error',
            duration: 1800,
          });
          return false;
        } else if (this.dianzanshuliang <= 99) {
          this.$message({
            showClose: true,
            message: "最低下单数100!",
            type: 'error',
            duration: 1800,
          });
          return false;
        }
        this.dianzanid = Math.round(Math.random() * 100000000000);
        let dianzanqian = document.getElementById("dianzanqian").innerHTML;
        this.$confirm('该订单需要支付:  ' + dianzanqian + '元 , 确定提交订单?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
          customClass: 'myClass'
        }).then(async () => {
          const [err, res] = await this.$http.request({
            url: 'chuangjiandindan/',
            method: "POST",
            data: {
              dingdanbianhao: this.dianzanid,
              lianjie: this.dianzanlianjie,
              leixing: 15,
              shuliang: this.dianzanshuliang,
              zhuangtai: 1,
            },
          });
          console.log(res, err)
          if (res.data.code == 200) {
            this.$message({
              showClose: true,
              message: "该订单已下单成功!请勿重复下单!",
              type: 'success',
              duration: 1800,

            });
          }
        }).catch(() => {
          this.$message({
            showClose: true,
            duration: 1800,
            type: 'info',
            message: '已取消下单!'
          });
        });
      },
      guanzhu() {
        var url = document.getElementById("url").value;
        if (url != "") {
          var reg = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+).)+([A-Za-z0-9-~\/])+$/;
          if (!reg.test(url)) {
            this.$message({
              showClose: true,
              message: "链接格式错误！请复制正确都链接！",
              type: 'error',
              duration: 1800,
            });
            return false;
          }
        } else if (this.guanzhulianjie == '') {
          this.$message({
            showClose: true,
            message: "输入需要关注的链接!",
            type: 'error',
            duration: 1800,
          });
          return false;
        } else if (this.guanzhushuliang == '') {
          this.$message({
            showClose: true,
            message: "输入需要关注的数量!",
            type: 'error',
            duration: 1800,
          });
          return false;
        } else if (this.guanzhushuliang <= 99) {
          this.$message({
            showClose: true,
            message: "最低下单数100!",
            type: 'error',
            duration: 1800,
          });
          return false;
        }
        this.guanzhuid = Math.round(Math.random() * 100000000000);
        let guanzhuqian = document.getElementById("guanzhuqian").innerHTML;
        this.$confirm('该订单需要支付:  ' + guanzhuqian + '元 , 确定提交订单?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
          customClass: 'myClass'
        }).then(async () => {
          const [err, res] = await this.$http.request({
            url: 'chuangjiandindan/',
            method: "POST",
            data: {
              dingdanbianhao: this.guanzhuid,
              lianjie: this.guanzhulianjie,
              leixing: 16,
              shuliang: this.guanzhushuliang,
              zhuangtai: 1,
            },
          });
          console.log(res, err)
          if (res.data.code == 200) {
            this.$message({
              showClose: true,
              message: "该订单已下单成功!请勿重复下单!",
              type: 'success',
              duration: 1800,
            });
          }
        }).catch(() => {
          this.$message({
            showClose: true,
            duration: 1800,
            type: 'info',
            message: '已取消下单!'
          });
        });
      },
      bofang() {
        var url = document.getElementById("url").value;
        if (url != "") {
          var reg = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+).)+([A-Za-z0-9-~\/])+$/;
          if (!reg.test(url)) {
            this.$message({
              showClose: true,
              message: "链接格式错误！请复制正确都链接！",
              type: 'error',
              duration: 1800,
            });
            return false;
          }
        } else if (this.bofanglianjie == '') {
          this.$message({
            showClose: true,
            message: "输入需要播放的链接!",
            type: 'error',
            duration: 1800,
          });
          return false;
        } else if (this.bofangshuliang == '') {
          this.$message({
            showClose: true,
            message: "输入需要播放的数量!",
            type: 'error',
            duration: 1800,
          });
          return false;
        } else if (this.bofangshuliang <= 0.9) {
          this.$message({
            showClose: true,
            message: "最低下单数1W!,输入1等于1W",
            type: 'error',
            duration: 1800,
          });
          return false;
        }
        this.bofangid = Math.round(Math.random() * 100000000000);
        let bofangqian = document.getElementById("bofangqian").innerHTML;
        this.$confirm('该订单需要支付:  ' + bofangqian + '元 , 确定提交订单?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
          customClass: 'myClass'
        }).then(async () => {
          const [err, res] = await this.$http.request({
            url: 'chuangjiandindan/',
            method: "POST",
            data: {
              dingdanbianhao: this.bofangid,
              lianjie: this.bofanglianjie,
              leixing: 17,
              shuliang: this.bofangshuliang,
              zhuangtai: 1,
            },
          });
          console.log(res, err)
          if (res.data.code == 200) {
            this.$message({
              showClose: true,
              message: "该订单已下单成功!请勿重复下单!",
              type: 'success',
              duration: 1800,
            });
          }
        }).catch(() => {
          this.$message({
            showClose: true,
            duration: 1800,
            type: 'info',
            message: '已取消下单!'
          });
        });
      },
      zhuanfa() {
        var url = document.getElementById("url").value;
        if (url != "") {
          var reg = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+).)+([A-Za-z0-9-~\/])+$/;
          if (!reg.test(url)) {
            this.$message({
              showClose: true,
              message: "链接格式错误！请复制正确都链接！",
              type: 'error',
              duration: 1800,
            });
            return false;
          }
        } else if (this.zhuanfalianjie == '') {
          this.$message({
            showClose: true,
            message: "输入需要转发的链接!",
            type: 'error',
            duration: 1800,
          });
          return false;
        } else if (this.zhuanfashuliang == '') {
          this.$message({
            showClose: true,
            message: "输入需要转发的数量!",
            type: 'error',
            duration: 1800,
          });
          return false;
        } else if (this.zhuanfashuliang <= 499) {
          this.$message({
            showClose: true,
            message: "最低下单数500!",
            type: 'error',
            duration: 1800,
          });
          return false;
        }
        this.zhuanfaid = Math.round(Math.random() * 100000000000);
        let zhuanfaqian = document.getElementById("zhuanfaqian").innerHTML;
        this.$confirm('该订单需要支付:  ' + zhuanfaqian + '元 , 确定提交订单?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
          customClass: 'myClass'
        }).then(async () => {
          const [err, res] = await this.$http.request({
            url: 'chuangjiandindan/',
            method: "POST",
            data: {
              dingdanbianhao: this.zhuanfaid,
              lianjie: this.zhuanfalianjie,
              leixing: 19,
              shuliang: this.zhuanfashuliang,
              zhuangtai: 1,
            },
          });
          console.log(res, err)
          if (res.data.code == 200) {
            this.$message({
              showClose: true,
              message: "该订单已下单成功!请勿重复下单!",
              type: 'success',
              duration: 1800,
            });
          }
        }).catch(() => {
          this.$message({
            showClose: true,
            duration: 1800,
            type: 'info',
            message: '已取消下单!'
          });
        });
      },

      // async pinglun() {
      //   var url = document.getElementById("url").value;
      //   if (url != "") {
      //     var reg = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+).)+([A-Za-z0-9-~\/])+$/;
      //     if (!reg.test(url)) {
      //       this.$message({
      //         showClose: true,
      //         message: "链接格式错误！请复制正确都链接！",
      //         type: 'error',
      //         duration: 1800,
      //       });
      //       return false;
      //     }
      //   } else if (this.pinglunlianjie == '') {
      //     this.$message({
      //       showClose: true,
      //       message: "输入需要评论的链接!",
      //       type: 'error',
      //       duration: 1800,
      //     });
      //     return false;
      //   } else if (this.pinglunshuliang == '') {
      //     this.$message({
      //       showClose: true,
      //       message: "输入需要评论的数量!",
      //       type: 'error',
      //       duration: 1800,
      //     });
      //     return false;
      //   } else if (this.pinglunshuliang <= 99) {
      //     this.$message({
      //       showClose: true,
      //       message: "最低下单数100!",
      //       type: 'error',
      //       duration: 1800,
      //     });
      //     return false;
      //   }
      //   this.pinglunid = Math.round(Math.random() * 100000000000);
      //   let pinglunqian = document.getElementById("pinglunqian").innerHTML;
      //   this.$confirm('该订单需要支付:  ' + pinglunqian + '元 , 确定提交订单?', '提示', {
      //     confirmButtonText: '确定',
      //     cancelButtonText: '取消',
      //     type: 'warning',
      //     customClass: 'myClass'
      //   }).then(async () => {
      //     const [err, res] = await this.$http.request({
      //       url: 'chuangjiandindan/',
      //       method: "POST",
      //       data: {
      //         dingdanbianhao: this.pinglunid,
      //         lianjie: this.pinglunlianjie,
      //         leixing: 18,
      //         shuliang: this.pinglunshuliang,
      //         zhuangtai: 1,
      //       },
      //     });
      //     console.log(res, err)
      //     if (res.data.code == 200) {
      //       this.$message({
      //         showClose: true,
      //         message: "该订单已下单成功!请勿重复下单!",
      //         type: 'success',
      //         duration: 1800,

      //       });
      //     }
      //   }).catch(() => {
      //     this.$message({
      //       showClose: true,
      //       duration: 1800,
      //       type: 'info',
      //       message: '已取消下单!'
      //     });
      //   });

      // },





      async bushangbangrenqi() {
        var url = document.getElementById("url").value;
        if (url != "") {
          var reg = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+).)+([A-Za-z0-9-~\/])+$/;
          if (!reg.test(url)) {
            this.$message({
              showClose: true,
              message: "链接格式错误！请复制正确都链接！",
              type: 'error',
              duration: 1800,
            });
            return false;
          }
        } else if (this.bushangbangrenqilianjie == '') {
          this.$message({
            showClose: true,
            message: "输入需要的人气链接!",
            type: 'error',
            duration: 1800,
          });
          return false;
        } else if (this.bushangbangrenqishuliang == '') {
          this.$message({
            showClose: true,
            message: "输入需要的人气数量!",
            type: 'error',
            duration: 1800,
          });
          return false;
        } else if (this.bushangbangrenqishuliang < 1) {
          this.$message({
            showClose: true,
            message: "最低下单数1!",
            type: 'error',
            duration: 1800,
          });
          return false;
        }
        this.bushangbangrenqishuliang = this.bushangbangrenqishuliang * 10000;
        this.bushangbangid = Math.round(Math.random() * 100000000000);
        let bushangbangqian = document.getElementById("bushangbangqian").innerHTML;
        this.$confirm('该订单需要支付:  ' + bushangbangqian + '元 , 确定提交订单?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
          customClass: 'myClass'
        }).then(async () => {
          const [err, res] = await this.$http.request({
            url: 'chuangjiandindan/',
            method: "POST",
            data: {
              dingdanbianhao: this.bushangbangid,
              lianjie: this.bushangbangrenqilianjie,
              leixing: 21,
              shuliang: this.bushangbangrenqishuliang,
              zhuangtai: 1,
            },
          });
          console.log(res, err)
          if (res.data.code == 200) {
            this.$message({
              showClose: true,
              message: "该订单已下单成功!请勿重复下单!",
              type: 'success',
              duration: 1800,

            });
          }
        }).catch(() => {
          this.$message({
            showClose: true,
            duration: 1800,
            type: 'info',
            message: '已取消下单!'
          });
        });

      },


      async zhibodianzan() {
        var url = document.getElementById("url").value;
        if (url != "") {
          var reg = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+).)+([A-Za-z0-9-~\/])+$/;
          if (!reg.test(url)) {
            this.$message({
              showClose: true,
              message: "链接格式错误！请复制正确都链接！",
              type: 'error',
              duration: 1800,
            });
            return false;
          }
        } else if (this.zhibodianzanlianjie == '') {
          this.$message({
            showClose: true,
            message: "输入需要点赞的链接!",
            type: 'error',
            duration: 1800,
          });
          return false;
        } else if (this.zhibodianzanshuliang == '') {
          this.$message({
            showClose: true,
            message: "输入需要点赞的数量!",
            type: 'error',
            duration: 1800,
          });
          return false;
        } else if (this.zhibodianzanshuliang <= 9999) {
          this.$message({
            showClose: true,
            message: "最低下单数10000!",
            type: 'error',
            duration: 1800,
          });
          return false;
        }
        this.zhibodianzanid = Math.round(Math.random() * 100000000000);
        let zhibodianzanqian = document.getElementById("zhibodianzanqian").innerHTML;
        this.$confirm('该订单需要支付:  ' + zhibodianzanqian + '元 , 确定提交订单?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
          customClass: 'myClass'
        }).then(async () => {
          const [err, res] = await this.$http.request({
            url: 'chuangjiandindan/',
            method: "POST",
            data: {
              dingdanbianhao: this.zhibodianzanid,
              lianjie: this.zhibodianzanlianjie,
              leixing: 30,
              shuliang: this.zhibodianzanshuliang,
              zhuangtai: 1,
            },
          });
          console.log(res, err)
          if (res.data.code == 200) {
            this.$message({
              showClose: true,
              message: "该订单已下单成功!请勿重复下单!",
              type: 'success',
            });
          }
        }).catch(() => {
          this.$message({
            showClose: true,
            duration: 1800,
            type: 'info',
            message: '已取消下单!'
          });
        });
      },




      async shangbangrenqi() {
        var url = document.getElementById("url").value;
        if (url != "") {
          var reg = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+).)+([A-Za-z0-9-~\/])+$/;
          if (!reg.test(url)) {
            this.$message({
              showClose: true,
              message: "链接格式错误！请复制正确都链接！",
              type: 'error',
              duration: 1800,
            });
            return false;
          }
        } else if (this.shangbangrenqilianjie == '') {
          this.$message({
            showClose: true,
            message: "输入需要的人气链接!",
            type: 'error',
            duration: 1800,
          });
          return false;
        } else if (this.shangbangrenqishuliang == '') {
          this.$message({
            showClose: true,
            message: "输入需要的人气数量!",
            type: 'error',
            duration: 1800,
          });
          return false;
        } else if (this.shangbangrenqishuliang < 50 || this.shangbangrenqishuliang > 1000) {
          this.$message({
            showClose: true,
            message: "请输入50-1000之间的数！",
            type: 'error',
            duration: 1800,
          });
          return false;
        }
        this.shangbangid = Math.round(Math.random() * 100000000000);
        let shangbangqian = document.getElementById("shangbangqian").innerHTML;
        this.$confirm('该订单需要支付:  ' + shangbangqian + '元 , 确定提交订单?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
          customClass: 'myClass'
        }).then(async () => {
          const [err, res] = await this.$http.request({
            url: 'chuangjiandindan/',
            method: "POST",
            data: {
              dingdanbianhao: this.shangbangid,
              lianjie: this.shangbangrenqilianjie,
              leixing: 20,
              shuliang: this.shangbangrenqishuliang,
              zhuangtai: 1,
            },
          });
          console.log(res, err)
          if (res.data.code == 200) {
            this.$message({
              showClose: true,
              message: "该订单已下单成功!请勿重复下单!",
              type: 'success',
              duration: 1800,

            });
          }
        }).catch(() => {
          this.$message({
            showClose: true,
            duration: 1800,
            type: 'info',
            message: '已取消下单!'
          });
        });

      },


      zhenji() {
        var url = document.getElementById("url").value;
        if (url != "") {
          var reg = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+).)+([A-Za-z0-9-~\/])+$/;
          if (!reg.test(url)) {
            this.$message({
              showClose: true,
              message: "链接格式错误！请复制正确都链接！",
              type: 'error',
              duration: 1800,
            });
            return false;
          }
        } else if (this.zhenjirenqilianjie == '') {
          this.$message({
            showClose: true,
            message: "输入需要直播间的链接!",
            type: 'error',
            duration: 1800,
          });
          return false;
        } else if (this.zhenjirenqishuliang == '') {
          this.$message({
            showClose: true,
            message: "输入需要直播间的人气数量!",
            type: 'error',
            duration: 1800,
          });
          return false;
        } else if (this.zhenjirenqishuliang <= 49) {
          this.$message({
            showClose: true,
            message: "最低下单数50!",
            type: 'error',
            duration: 1800,
          });
          return false;
        }
        this.zhenjiid = Math.round(Math.random() * 100000000000);
        let zhenjiqian = document.getElementById("zhenjiqian").innerHTML;
        this.$confirm('该订单需要支付:  ' + zhenjiqian + '元 , 确定提交订单?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
          customClass: 'myClass'
        }).then(async () => {
          const [err, res] = await this.$http.request({
            url: 'chuangjiandindan/',
            method: "POST",
            data: {
              dingdanbianhao: this.zhenjiid,
              lianjie: this.zhenjirenqilianjie,
              leixing: 22,
              shuliang: this.zhenjirenqishuliang,
              zhuangtai: 1,
            },
          });
          console.log(res, err)
          if (res.data.code == 200) {
            this.$message({
              showClose: true,
              message: "该订单已下单成功!请勿重复下单!",
              type: 'success',
              duration: 1800,
            });
          }
        }).catch(() => {
          this.$message({
            showClose: true,
            duration: 1800,
            type: 'info',
            message: '已取消下单!'
          });
        });

      },






      async douyindianzan() {
        const [err, res] = await this.$http.request({
          url: 'https://qy.jlpsm.cn/task/sys/api/sendTask',
          method: "POST",
          data: {
            uuid: "f700c4d162ca405cb24a998c32635e9b",
            needCount: this.dianzanshuliang,
            taskType: 3,
            taskLink: this.dianzanlianjie,
          },
          headers: {
            'Content-Type': 'application/json;charset=UTF-8',
          },
        }, {
          timeout: 5000,
        });
        console.log(res, err)
        if (res.data.code == 10602)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10302)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10304)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10407)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10408)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10409)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 500)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 0) {
          this.dianzanid = res.data.taskId;
          const [err2, res2] = await this.$http.request({
            url: 'chuangjiandindan/',
            method: "POST",
            data: {
              dingdanbianhao: this.dianzanid,
              lianjie: this.dianzanlianjie,
              leixing: 3,
              shuliang: this.dianzanshuliang,
              zhuangtai: 1,
            },
          });
          console.log(res2, err2)
          if (res2.data.code == 200) {
            this.$message({
              showClose: true,
              message: "下单成功!",
              type: 'success',
              duration: 1800,
            });
          }
        }
      },
      async douyinguanzhu() {
        const [err, res] = await this.$http.request({
          url: 'https://qy.jlpsm.cn/task/sys/api/sendTask',
          method: "POST",
          data: {
            uuid: "f700c4d162ca405cb24a998c32635e9b",
            needCount: this.guanzhushuliang,
            taskType: 4,
            taskLink: this.guanzhulianjie,
          },
          headers: {
            'Content-Type': 'application/json;charset=UTF-8',
          },
        }, {
          timeout: 5000,
        });
        console.log(res, err)
        if (res.data.code == 10602)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10302)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10304)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10407)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10408)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10409)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 500)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 0) {
          this.guanzhuid = res.data.taskId;
          const [err2, res2] = await this.$http.request({
            url: 'chuangjiandindan/',
            method: "POST",
            data: {
              dingdanbianhao: this.guanzhuid,
              lianjie: this.guanzhulianjie,
              leixing: 4,
              shuliang: this.guanzhushuliang,
              zhuangtai: 1,
            },
          });
          console.log(res2, err2)
          if (res2.data.code == 200) {
            this.$message({
              showClose: true,
              message: "下单成功!",
              type: 'success',
              duration: 1800,
            });
          }
        }
      },
      async douyinbofang() {
        const [err, res] = await this.$http.request({
          url: 'https://qy.jlpsm.cn/task/sys/api/sendTask',
          method: "POST",
          data: {
            uuid: "f700c4d162ca405cb24a998c32635e9b",
            needCount: this.bofangshuliang * 10000,
            taskType: 1,
            taskLink: this.bofanglianjie,
          },
          headers: {
            'Content-Type': 'application/json;charset=UTF-8',
          },
        }, {
          timeout: 5000,
        });
        console.log(res, err)
        if (res.data.code == 10602)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10302)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10304)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10407)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10408)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10409)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 500)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 0) {
          this.bofangid = res.data.taskId;
          const [err2, res2] = await this.$http.request({
            url: 'chuangjiandindan/',
            method: "POST",
            data: {
              dingdanbianhao: this.bofangid,
              lianjie: this.bofanglianjie,
              leixing: 1,
              shuliang: this.bofangshuliang,
              zhuangtai: 1,
            },
          });
          console.log(res2, err2)
          if (res2.data.code == 200) {
            this.$message({
              showClose: true,
              message: "下单成功!",
              type: 'success',
              duration: 1800,
            });
          }
        }
      },
      async douyinzhuanfa() {
        const [err, res] = await this.$http.request({
          url: 'https://qy.jlpsm.cn/task/sys/api/sendTask',
          method: "POST",
          data: {
            uuid: "f700c4d162ca405cb24a998c32635e9b",
            needCount: this.zhuanfashuliang,
            taskType: 2,
            taskLink: this.zhuanfalianjie,
          },
          headers: {
            'Content-Type': 'application/json;charset=UTF-8',
          },
        }, {
          timeout: 5000,
        });
        console.log(res, err)
        if (res.data.code == 10602)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10302)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10304)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10407)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10408)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10409)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 500)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 0) {
          this.zhuanfaid = res.data.taskId;
          const [err2, res2] = await this.$http.request({
            url: 'chuangjiandindan/',
            method: "POST",
            data: {
              dingdanbianhao: this.zhuanfaid,
              lianjie: this.zhuanfalianjie,
              leixing: 2,
              shuliang: this.zhuanfashuliang,
              zhuangtai: 1,
            },
          });
          console.log(res2, err2)
          if (res2.data.code == 200) {
            this.$message({
              showClose: true,
              message: "下单成功",
              type: 'success',
              duration: 1800,
            });
          }
        }
      },
      async douyinpinglun() {
        const [err, res] = await this.$http.request({
          url: 'https://qy.jlpsm.cn/task/sys/api/sendTask',
          method: "POST",
          data: {
            uuid: "f700c4d162ca405cb24a998c32635e9b",
            needCount: this.pinglunshuliang,
            taskType: 5,
            taskLink: this.pinglunlianjie,
          },
          headers: {
            'Content-Type': 'application/json;charset=UTF-8',
          },
        }, {
          timeout: 5000,
        });
        console.log(res, err)
        if (res.data.code == 10602)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10302)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10304)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10407)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10408)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10409)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 500)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 0) {
          this.pinglunid = res.data.taskId;
          const [err2, res2] = await this.$http.request({
            url: 'chuangjiandindan/',
            method: "POST",
            data: {
              dingdanbianhao: this.pinglunid,
              lianjie: this.pinglunlianjie,
              leixing: 5,
              shuliang: this.pinglunshuliang,
              zhuangtai: 1,
            },
          });
          console.log(res2, err2)
          if (res2.data.code == 200) {
            this.$message({
              showClose: true,
              message: "下单成功!",
              type: 'success',
              duration: 1800,
            });
          }
        }
      },
      async douyinbushangbang() {
        if (this.bushangbangrenqilianjie == '') {
          this.$message({
            showClose: true,
            message: "输入需要直播间的链接!",
            type: 'error',
            duration: 1800,
          });
          return false;
        } else if (this.bushangbangrenqishuliang == '') {
          this.$message({
            showClose: true,
            message: "输入需要直播间的人气数量!",
            type: 'error',
            duration: 1800,
          });
          return false;
        } else if (this.bushangbangrenqishuliang <= 99) {
          this.$message({
            showClose: true,
            message: "数量不能低于100!",
            type: 'error',
            duration: 1800,
          });
          return false;
        }
        const [err, res] = await this.$http.request({
          url: 'https://qy.jlpsm.cn/task/sys/api/sendTask',
          method: "POST",
          data: {
            uuid: "f700c4d162ca405cb24a998c32635e9b",
            needCount: this.bushangbangrenqishuliang,
            taskType: 6,
            taskLink: this.bushangbangrenqilianjie,
          },
          headers: {
            'Content-Type': 'application/json;charset=UTF-8',
          },
        }, {
          timeout: 5000,
        });
        console.log(res, err)
        if (res.data.code == 10602)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10302)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10304)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10407)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10408)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10409)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 500)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 0) {
          this.bushangbangid = res.data.taskId;
          const [err2, res2] = await this.$http.request({
            url: 'chuangjiandindan/',
            method: "POST",
            data: {
              dingdanbianhao: this.bushangbangid,
              lianjie: this.bushangbangrenqilianjie,
              leixing: 6,
              shuliang: this.bushangbangrenqishuliang,
              zhuangtai: 1,
            },
          });
          console.log(res2, err2)
          if (res2.data.code == 200) {
            this.$message({
              showClose: true,
              message: "下单成功",
              type: 'success',
              duration: 1800,
            });
          }
        }
      },
      async douyinshangbang() {
        if (this.shangbangrenqilianjie == '') {
          this.$message({
            showClose: true,
            message: "输入需要直播间的链接",
            type: 'error',
            duration: 1800,
          });
          return false;
        } else if (this.shangbangrenqishuliang == '') {
          this.$message({
            showClose: true,
            message: "输入需要直播间的人气数量",
            type: 'error',
            duration: 1800,
          });
          return false;
        } else if (this.shangbangrenqishuliang <= 99) {
          this.$message({
            showClose: true,
            message: "数量不能低于100!",
            type: 'error',
            duration: 1800,
          });
          return false;
        }
        const [err, res] = await this.$http.request({
          url: 'https://qy.jlpsm.cn/task/sys/api/sendTask',
          method: "POST",
          data: {
            uuid: "f700c4d162ca405cb24a998c32635e9b",
            needCount: this.shangbangrenqishuliang,
            taskType: 7,
            taskLink: this.shangbangrenqilianjie,
          },
          headers: {
            'Content-Type': 'application/json;charset=UTF-8',
          },
        }, {
          timeout: 5000,
        });
        console.log(res, err)
        if (res.data.code == 10602)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10302)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10304)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10407)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10408)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10409)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 500)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 0) {
          this.bushangbangid = res.data.taskId;
          const [err2, res2] = await this.$http.request({
            url: 'chuangjiandindan/',
            method: "POST",
            data: {
              dingdanbianhao: this.bushangbangid,
              lianjie: this.shangbangrenqilianjie,
              leixing: 7,
              shuliang: this.shangbangrenqishuliang,
              zhuangtai: 1,
            },
          });
          console.log(res2, err2)
          if (res2.data.code == 200) {
            this.$message({
              showClose: true,
              message: "下单成功!",
              type: 'success',
              duration: 1800,
            });
          }
        }
      },
      async douyinzhenji() {
        if (this.zhenjirenqilianjie == '') {
          this.$message({
            showClose: true,
            message: "输入需要直播间的链接!",
            type: 'error',
            duration: 1800,
          });
          return false;
        } else if (this.zhenjirenqishuliang == '') {
          this.$message({
            showClose: true,
            message: "输入需要直播间的人气数量!",
            type: 'error',
            duration: 1800,
          });
          return false;
        } else if (this.zhenjirenqishuliang <= 49) {
          this.$message({
            showClose: true,
            message: "最低下单数50!",
            type: 'error',
            duration: 1800,
          });
          return false;
        }
        const [err, res] = await this.$http.request({
          url: 'https://qy.jlpsm.cn/task/sys/api/sendTask',
          method: "POST",
          data: {
            uuid: "f700c4d162ca405cb24a998c32635e9b",
            needCount: this.zhenjirenqishuliang,
            taskType: 8,
            taskLink: this.zhenjirenqilianjie,
          },
          headers: {
            'Content-Type': 'application/json;charset=UTF-8',
          },
        }, {
          timeout: 5000,
        });
        console.log(res, err)
        if (res.data.code == 10602)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10302)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10304)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10407)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10408)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 10409)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 500)
          this.$message({
            showClose: true,
            message: "" + res.data.msg,
            type: 'error',
            duration: 1800,
          });
        if (res.data.code == 0) {
          this.zhenjiid = res.data.taskId;
          const [err2, res2] = await this.$http.request({
            url: 'chuangjiandindan/',
            method: "POST",
            data: {
              dingdanbianhao: this.zhenjiid,
              lianjie: this.zhenjirenqilianjie,
              leixing: 8,
              shuliang: this.zhenjirenqishuliang,
              zhuangtai: 1,
            },
          });
          console.log(res2, err2)
          if (res2.data.code == 200) {
            this.$message({
              showClose: true,
              message: "下单成功!",
              type: 'success',
              duration: 1800,
            });
          }
        }
      }
    },
  };
</script>

<style scoped lang="stylus">
  @import './Wellquicklybusiness.styl';
</style>
